

	<page-title ng-if="layoutOptions.pageTitles" title="Typography" description="Heading, paragraphs, contextual classes and other typo elements"></page-title>


<div class="row">
	
	<div class="col-sm-5">
		
		<div class="panel panel-default">
			<div class="panel-heading">
				Headings
			</div>
			<div class="panel-body">
				
				<div class="same-margin">
					<h1>
						This is sample title
						<br />
						<small>Secondary text</small>
					</h1>
					
					<h2>
						This is sample title
						<br />
						<small>Secondary text</small>
					</h2>
					
					<h3>
						This is sample title
						<br />
						<small>Secondary text</small>
					</h3>
					
					<h4>
						This is sample title
						<br />
						<small>Secondary text</small>
					</h4>
					
					<h5>
						This is sample title
						<br />
						<small>Secondary text</small>
					</h5>
				</div>
				
			</div>
		</div>
		
	</div>
	
	<div class="col-sm-7">
		
		<div class="panel panel-default">
			<div class="panel-heading">
				Paragraphs
			</div>
			<div class="panel-body">
				
				<p class="lead">This is a lead parapraph.</p>
				
				<p>Neglected <strong>principle ask rapturous</strong> consulted. Object remark lively all did feebly excuse our wooded. Old her object <del>chatty regard vulgar</del> missed. Speaking throwing breeding betrayed children my to. Me marianne no he horrible produced ye. Sufficient unpleasing an insensible motionless if introduced ye. Now give nor both come near many late.</p>

				<p>Believing neglected so so allowance existence departure in. In <span class="label label-info tooltip-info" tooltip="Hello I am a Tooltip" tooltip-placement="left">design</span> active temper be uneasy. Thirty for remove plenty regard you summer though. He preference <ins>connection astonished</ins> on of ye. Partiality on or continuing in particular principles as. Do believing oh disposing to supported allowance we.</p>
				
				<p>As am hastily <mark>invited settled at limited</mark> civilly fortune me. Really spring in extent an by. Judge but built gay party world. Of so am he remember although required. Bachelor unpacked be advanced at. Confined in declared marianne is vicinity.</p>
				
				<p>Last paragraph has no bottom margin always.</p>
				
			</div>
		</div>
		
	</div>
	
</div>


<div class="row">
	<div class="col-sm-12">
		
		<div class="panel panel-default">
			<div class="panel-heading">Text Classes</div>
			<div class="panel-body">
				
				<div class="row">
					<div class="col-sm-6">
					
						<h4>Contextual Backgrounds</h4>
						<br />
										
						<p class="bg-muted">Way now instrument had eat diminution melancholy expression.</p>
						<p class="bg-primary">Way now instrument had eat diminution melancholy expression.</p>
						<p class="bg-success">Way now instrument had eat diminution melancholy expression.</p>
						<p class="bg-info">Way now instrument had eat diminution melancholy expression.</p>
						<p class="bg-warning">Way now instrument had eat diminution melancholy expression.</p>
						<p class="bg-danger">Way now instrument had eat diminution melancholy expression.</p>
						
					</div>
					<div class="col-sm-6">
					
						<h4>Contextual Text Colors</h4>
						<br />
										
						<p class="text-muted">Way now instrument had eat diminution melancholy expression.</p>
						<p class="text-primary">Way now instrument had eat diminution melancholy expression.</p>
						<p class="text-success">Way now instrument had eat diminution melancholy expression.</p>
						<p class="text-info">Way now instrument had eat diminution melancholy expression.</p>
						<p class="text-warning">Way now instrument had eat diminution melancholy expression.</p>
						<p class="text-danger">Way now instrument had eat diminution melancholy expression.</p>
						
					</div>
				</div>
				
				<br />
				<hr />
				<br />
				
				<h4>Text Positions</h4>
				
				<p class="text-left">Text aligned to the left</p>
				<p class="text-center">Text aligned in the center</p>
				<p class="text-right">Text aligned to the right</p>
				
				
			</div>
		</div>
	
	</div>
</div>